﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>电子商务管理后台网站首页</title>
    @*--------------------应用easyUI的CSS文件---------------------*@
    <link href="../../Content/jquery-easyui-1.3.1/themes/icon.css" rel="stylesheet" />
    <link href="../../Content/jquery-easyui-1.3.1/themes/default/easyui.css" rel="stylesheet" />
    @*---------------------应用easyUI的的JS文件-----------------*@
    <script src="../../Content/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
    <script src="../../Content/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
    <script src="../../Content/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function () {
            binClickEvent();
        });
        function binClickEvent() {
            
            $(".detailLink123").click(function () {
                var titleShow = $(this).text();
                var varUrl = $(this).attr("url");


                var isExist = $("#ttTab").tabs('exists', titleShow);
                if (!isExist) {
                    $("#ttTab").tabs('add', {
                        title: titleShow,
                        content: showContent(varUrl),
                        iconCls: 'icon-save',
                        closable: true,
                    });
                }
                else {
                    $('#ttTab').tabs('select', titleShow);
                }

                
            });
        }
        function showContent(varUrl) {
            var strHtml = '<iframe src="'+varUrl+'" scrolling="no" width="100%" height="100%" frameborder="0"></iframe""></div>';
            '<div style="padding:10px">Content</div>';
            return strHtml;
        }
    </script>
    </head>
    <body class="easyui-layout">
        
        <!--------------------------顶部布局----------------------------->
        <div region="north" border="false" style="height: 60px; background: #B3DFDA; padding: 10px; overflow: hidden; background-image: url(../../images/3.jpg); background-repeat: repeat-x; " >
                north region
        </div>
        <!--------------------------顶部布局结束----------------------------->



        <!--------------------------左边布局----------------------------->
        <div region="west" split="true" title="West" style="width:150px;padding:2px;">
            <div id="aa" class="easyui-accordion" style="width:auto;height:auto;">
                <div title="航司管理" iconcls="icon-ok" style="overflow:auto;padding:10px;">
                    <a href="javascript:void(0)" class="detailLink123" url="/UIFlightAccount/Index">航司及账号管理</a>
                    @*<a href="javascript:void(0)" class="detailLink123" url="/UIFlightTicketPrice/Index">FlightTicketPrice</a>*@
                </div>
                
                <div title="任务状态查询" iconcls="icon-reload" style="overflow:auto;padding:10px;">
                    @*<a href="javascript:void(0)" class="detailLink123" url="/AdminCommentList/Index">FlightTicketPrice</a>*@
                    <a href="javascript:void(0)" class="detailLink123" url="/UIFlightTicketTask/Index">任务状态管理</a>
                    @*<a href="javascript:void(0)" class="detailLink123" url="/UIFlightTicketPrice/Index">FlightTicketPrice</a>*@
                </div>
                <div title="抓取结果查询" iconcls="icon-reload" style="overflow:auto;padding:10px;">
                    <a href="javascript:void(0)" class="detailLink123" url="/AdminCommentList/Index">抓取详细信息查询</a>
                </div>
            </div>
        </div>
        <!--------------------------左边布局结束----------------------------->

        <!--------------------------底部布局----------------------------->
        <div region="south" border="false" style="height:30px;background:#A9FACD;padding:10px; text-align:center">south   &copy;region</div>
        <!--------------------------底部布局结束----------------------------->


        <!--------------------------中间布局----------------------------->
        <div region="center" title="Main Title">

            <div class="easyui-tabs" style="width:700px;height:250px" fit="true" id="ttTab">
                
            </div>
               
            </div>
            <!--------------------------中间布局结束----------------------------->
            
        </div>
    </body>
</html>
